<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
</head>
<body>
    <!-- fetch 请求  es6 -->
    <div id="app"></div>
    <script>
        new Vue({
            el:'#app',
            data(){
                return{
                    list:[]
                }
            },
            mounted(){//页面加载完成会自动执行这个方法里面的函数.且只执行一次
                // console.log(222);
                // fetch("http://192.168.3.247:7001/api/admin").then(res=>{
                //    return res.json()
                // }).then(res=>{
                //     // console.log(res);
                //     if(res.code===0){
                //         this.list=res.data
                //     }else{
                //         alert(res.msg)
                //     }
                    
                // })
               // axios
               axios.get("http://192.168.3.247:7001/api/admin").then(res=>{
                   const row=res.data
                   if(row.code===0){
                       thos.list=row.data
                   }else{
                    alert(row.msg)
                   }
               })
               
            }
        })
    </script>
</body>
</html>